<div class="media-list groupHeight" ng-click="closePopup($event)" style="background: #ececec;">
    <!-- 群组-右侧 -->
    <div class="group-content group-content-pos">
    	<!-- 群组信息 -->
		<div style="height: 68px;line-height: 68px;background-color: #fff;border-bottom: 2px solid #ccc;position: absolute;top: 0;right: 0;left: 2px;bottom: 0;">
			<div class="pull-left" style="margin: 0 8px 0 16px;">
				<img ng-if="group.picId!='' && group.picId!=null" data-ng-src="restful/userimage/getImage/{{ group.picId }}?picType=3" class="img-circle" width="40px" height="40px"/>
				<img ng-if="group.picId=='' || group.picId==null" data-ng-src="././images/common/icon_user_group.png" class="img-circle" width="40px" height="40px"/>
			</div>
			<div class="pull-left" style="line-height: 24px;margin-top: 12px;">
				<div class="font-black5" style="">{{group.groupName}}</div>
				<div class="font-black3" style=""><span class="font-red2">{{group.contractUser.length}}</span>个成员</div>
			</div>
			<div class="pull-left" style="margin-left: 16px;">
				<button  class="btn btn-primary" data-ng-click="selectSearch(group)">发起会话</button>
			</div>
		</div>
		<!-- 群组成员列表 -->
	    <div data-fc-scroll-bar class="groupListHeight1" style="position: absolute;top: 67px;right: 0;left: 0px;bottom: 0;background: #ececec;">
	    <div class="groupListHeight group-list">
		    <!-- 详情卡片 -->
	    	<div id="mydiv1" class="div-card-info">
	    		<div ng-if="user!=null && user.userId!=null" class="div-card-info1">
		    		<div class="font-black1"><strong>{{user.userName}}</strong></div>
		  			<div class="div-card-user" ng-class="{'img-card-men-explore':user.sex === 0, 'img-card-women-explore':user.sex === 1 }">
		  				<img data-ng-src="restful/userimage/{{ user.userId }}" class="img-circle img-card-user"/>
		  			</div>
			   		<div style="margin-left: 8px;" class="font-black2 hand"><!--  data-ng-mouseout="user.focus = !user.focus" data-ng-mouseover="user.focus = !user.focus" -->
				   		<div data-fc-scroll-bar class="fancy-scrollbar"
				   		style="margin-top:32px;margin-bottom:8px;width:234px;min-height: 17px;max-height: 180px;overflow-y: auto;overflow-x: hidden;text-align: left;position: relative;">
				   			<div id="post" data-ng-mouseover="changeUserOrg(true)">{{user.allPostName}}</div>
				   			<div id="org" data-ng-mouseleave="changeUserOrg(false)" style="margin-top: 10px;display: none;">
					   			<div ng-repeat="org in user.userOrg">
						   			<div class="img-card-org">{{org.orgName}}</div>
						   			<div style="margin-left:28px;margin-top:6px;">{{org.postName}}</div>
						   		</div>
				   			</div>
				   		</div>
				   		<div style="margin-top:8px;text-align: left;" class="img-card-plane">{{user.tel==null||user.tel===""?"电话号码":user.tel}}</div>
				   		<div style="margin-top:8px;text-align: left;" class="img-card-cellphone">{{user.mobile==null||user.mobile===""?"手机号码":user.mobile}}</div>
				   		<div style="margin-top:8px;text-align: left;" class="img-card-mail">{{user.email==null||user.email===""?"邮箱":user.email}}</div>
			   		</div>
			   		<button class="font-white3 btn btn-primary" data-ng-click="selectSearch(user)" style="margin-top: 24px;width: 136px;height: 32px;">发起会话</button>
		   		</div>
	    		<div ng-if="user!=null && user.userId===null">
	    			<div style="height: 6px;background-color: #e74d3c;border-top-left-radius: 4px;border-top-right-radius: 4px;"></div>
	    			<div style="text-align: center;" class="div-card-info2">
	    				<img src="././images/common/icon_expression.png" style="margin-bottom: 12px;"/>
	    				<br/>主人~此功能已经封印，需要召唤神龙才能打开~
	    			</div>
	    		</div>
	    	</div>
	    	<div class="groupList">
	    	<!-- 添加成员卡片 -->
	    	<div ng-if="group.isManager" class="panel-card group-item-card img-panel-add hand" style="margin-right: 7px;"
	    		 fc-org-user-picker type="user" on-select="addUsers($chosenList)"></div>
		   	<!-- 成员卡片列表 -->
	        <div data-ng-repeat="elem in relateGroups" fc-group-user-items="elem" data-group="group" align="left"></div>
	        </div>
	    </div>
	    </div>
    </div>
</div>
